<template>
      <div class="top">
         <ul class="listble">
           <router-link to="/media" class="link-to">
              <li>媒体大脑</li>
           </router-link>
           <router-link to="/discovery" class="link-to">
              <li>线索发现</li>
           </router-link>
           <router-link to="/hotspot" class="link-to">
              <li>热点预测</li>
           </router-link>
           <router-link to="/noopsyche" class="link-to">
              <li>智能标签</li>
           </router-link>
           <router-link to="/content" class="link-to">
              <li>内容传播</li>
           </router-link>
           <router-link to="/user" class="link-to">
              <li>用户评论</li>
           </router-link>
           <router-link to="/bigscreen" class="link-to">
              <li>指挥大屏</li>
           </router-link>
         </ul>
      </div>
</template>
<script>
export default {
  name: 'top',
  data () {
    return {

    }
  }
}
</script>
<style>
.top{margin:0px;padding:0px;height:50px;width:100%}
.listble{width:50%;margin:0 auto;}
.listble li{list-style:none;float:left;padding:20px;}
.listble a{color:#333}
</style>